<template>
	<div class="joinContent">
		<dl class="joinlist">
			<dt class="jointitle">品牌认证申请信息</dt>
			<dd class="fix"><sup>*</sup><input type="text" placeholder="手机号码"></dd>
			<dd class="fix"><sup>*</sup><input type="text" placeholder="手机号码"></dd>
			<dd class="fix"><input type="text" placeholder="手机号码"></dd>
			<dd class="fix"><sup>*</sup><input type="text" placeholder="手机号码"></dd>
			<dd class="fix"><input type="text" placeholder="手机号码"></dd>
		</dl>
		<div class="shopimg">
			<div class="shopimgdescribe">线上/线下店铺，商品等图片（至少三张）</div>
		</div>
		<!--提交-->
		<router-link to="/" class="commit">提交</router-link>
	</div>
</template>
<script type="text/javascript">
import Vue from 'vue'
import { Checklist } from 'mint-ui';

import 'mint-ui/lib/Checklist/style.css';

Vue.component(Checklist.name, Checklist);

export default {
	name: 'app',
	data () {
		return {
		}
	},
	methods:{
	}
}
</script>
<style lang="scss">
.joinContent{
	.jointitle{ padding: 0 0.3rem; height: 0.88rem; line-height: 0.88rem; font-size: 0.28rem; color: #999; }
	dd{
		margin-bottom: 1px; padding: 0 0.3rem; height: 0.98rem; line-height: 0.98rem; background: #fff;
		sup{ float: left; font-size: 0.28rem; color: #ff365d; }
		input{ float: left; line-height: 0.98rem; font-size: 0.28rem; border: none; outline: medium; }
	}
	.shopimgdescribe{ padding: 0.3rem 0.3rem; height: 0.28rem; line-height: 0.28rem; font-size: 0.28rem; color: #999; }
	// 提交
	.commit{ display: block; width: 100%; height: 0.98rem; line-height: 0.98rem; text-align: center; font-size: 0.3rem; color: #fefefe; background: linear-gradient(to right,#fe4a6b,#e8163f); position: fixed; left: 0; bottom: 0; z-index: 20; }
}
</style>